@import 'styles/variables';

.web-container {
  width: calc(100vw - 223px);
  float: right;
  padding-top: 70px;
  overflow-x: hidden;
  &.center {
    float: none;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
  }
}

section {
  height: 100vh;
}

.card .card-content a {
  color: white;
}

/*media queries*/

@media only screen and (max-width: $med-screen) {
  .web-container {
    width: 100%;
  }
  .card {
    margin: 0px;
  }
}
